<template>
  <div>
      <el-row>
          <el-col  id="deliveryInfo"  :span="24">
            <table class="userInfoEditTable" style="border-collapse:collapse;background-color:white;" width="100%" cellspacing="0">
                <tr v-for="(value,k,index) in form" :key="index" v-if="k!=='isLogisticsEnterprise'&&k!=='isKeyEnterprise'">
                    <td class="tb_label">{{label[index]+':'}}</td>
                    <td>
                      <span v-if="k==='hasCPC'||k==='isDangeriousEnterprise'||k==='isCanConstructCPC'||k==='hasLabourUnion'||k==='hasCYL'||k==='hasWomenFederation'">
                        {{form[k]===1?'是':'否'}}
                      </span>
                      <span v-else>
                         {{form[k]}}
                      </span>
                    </td>
                </tr>
                <tr>
                  <td class="tb_label">
                    图像资料
                  </td>
                  <td>
                    <img width="200px"  v-for="s in images" :key="s" :src="s" alt="">
                  </td>
                </tr>
                <tr>
                      <td colspan="2" align="center">
                        <el-button type="text" size="large" @click="printTable('deliveryInfo')">[打印]</el-button>
                      </td>
                  </tr>
            </table>
        </el-col>
      </el-row>
  </div>
</template>

<script>
import * as api from '@/api/orgManage'
export default {
  data() {
    return {
      form: {
          enterpriseUSCcode: "", //'统一社会信用代码',
        enterpriseName: "", //'企业名称',
        netGridID: "",
        enterpriseTypeValue: "", //'企业类别，编码见GBT31000-2015， 5.44',
        enterpriseAddress: "", //'企业地址',
        regionalismCode:'',// varchar(6) DEFAULT NULL COMMENT '行政区划代码',
        enterpriseContact: "", //'企业联系方式，手机号码或固定电话',
        enterpriseMemberNumber: "", //,
        enterpriseLeaderCertTypeValue: "", //'法定代表人证件代码，符合GA/T 517',
        enterpriseLeaderCertID: "", //'法定代表人证件号码',
        enterpriseLeaderName: "", //'法定代表人姓名',
        enterpriseLeaderContact: "", // '法定代表人联系方式',
        securityLeaderCertID:'', // varchar(18) DEFAULT NULL COMMENT '保卫负责人身份证',
        securityLeaderName: "", //'治保负责人姓名',
        securityLeaderContact: "", //'治保负责人联系方式',
        chairmanCertID:'',// varchar(18) DEFAULT NULL COMMENT '董事长身份证号',
        chairmanName:'',// varchar(45) DEFAULT NULL COMMENT '董事长姓名',
        chairmanContact:'',// varchar(45) DEFAULT NULL COMMENT '董事长联系电话',
        generalManagerCertID:'',// varchar(45) DEFAULT NULL COMMENT '总经理身份证号',
        generalManagerName:'',// varchar(45) DEFAULT NULL COMMENT '总经理姓名',
        generalManagerContact:'',// varchar(45) DEFAULT NULL COMMENT '总经理联系方式',
        isDangeriousEnterprise: 0, //'是否危化企业？1表示是，0表示否',
        hiddenDangerTypeValue: "", //'安全隐患类型，编码见5.45',
        attentionTypeValue: "", //'关注程度，编码见5.46',
        isCanConstructCPC: 0, //'是否具备建立中共党组织条件？',
        hasCPC: 0, //'是否有中共党组织？',
        numberofCPCMember: "", //'中共党员数量',
        hasLabourUnion: 0, //'是否有工会？',
        numberofLUMember: "", //'工会成员数量',
        hasCYL: 0, //'是否有共青团？',
        numberofLCYLMember: "", //'共青团员数量',
        hasWomenFederation: 0, //'是否有妇联？',
        numberofWomen: "", //'妇女数量',
        longitude: "", //'地理经度信息',
        latitude: "", //'地理纬度信息',
        isLogisticsEnterprise: 0, //'是否物流企业？1=是，0=否',
        isKeyEnterprise: 0, //'是否重点企业？1=是，0=否。',
        businessScope: "" //'业务经营范围'
      },
      label:['统一社会信用代码','企业名称','企业类别','企业地址','行政区划代码',
      '企业联系方式','企业员工数','法定代表人证件类型','法定代表人证件号码','法定代表人姓名','法定代表人联系方式',
      '保卫负责人身份证','治保负责人姓名','治保负责人联系方式','董事长身份证号','董事长姓名','董事长联系电话','总经理身份证号','总经理姓名','总经理联系方式','是否危化企业','安全隐患类型','关注程度','是否具备建立中共党组织条件','是否有中共党组织',
      '中共党员数量','是否有工会','工会成员数量','是否有共青团','共青团员数量','是否有妇联','妇女数量','经度','纬度','所属网格','业务经营范围'],
      images:[]
    };
  },
  methods:{
    printTable(div){
        var div_print = document.getElementById(div)
        var newStr = div_print.innerHTML
        var oldStr = document.body.innerHTML
        document.body.innerHTML = newStr
        window.print()
        window.location.reload();
        window.body.innerHTML = oldStr
        return false
    },
    goBack(){
      this.$router.go(-1)
    }
  },
  props:['id'],
  watch:{
    id:function (param) {
      api.getEconomyOrgDetail(this.id).then(res=>{
      this.form = res.data.basic[0]
      this.images = res.data.pictures
    })
    }
  },
  mounted(){
    api.getEconomyOrgDetail(this.id).then(res=>{
      this.form = res.data.basic[0]
      this.images = res.data.pictures
    })
  }
};
</script>

<style scoped>
.userInfoEditTable,
.userInfoEditTable td {
  border: 1px solid darkgrey;
  padding: 10px;
}

.tb_label {
  width: 25%;
  text-align: right;
}
</style>
